<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>主页</title>
  <style>
    body {
      font-family: "Comic Sans MS", cursive, sans-serif;
      background-image: url('/image/4.png');
      background-color: #f0f5ff;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }

    h1 {
      color: #007bff;
      font-size: 40px; /* 增大字体大小 */
      animation: colorFade 3s infinite; /* 应用颜色变化和闪烁动画，3 秒周期，无限循环 */
    }

    p {
      color: #666;
      font-size: 28px; /* 增大字体大小 */
      animation: colorFade 3s infinite; /* 应用颜色变化和闪烁动画，3 秒周期，无限循环 */
    }

    a {
      color: #007bff;
      text-decoration: none;
      margin-top: 10px;
      display: inline-block;
      font-size: 24px; /* 增大字体大小 */
      animation: colorFade 3s infinite; /* 应用颜色变化和闪烁动画，3 秒周期，无限循环 */
    }

    /* 定义颜色变化和闪烁的动画 */
    @keyframes colorFade {
      0% {
        color: #FF0000; /* 红色 */
        opacity: 1;
      }
      25% {
        color: #00FF00; /* 绿色 */
        opacity: 0.6;
      }
      50% {
        color: #0000FF; /* 蓝色 */
        opacity: 1;
      }
      75% {
        color: #FFFF00; /* 黄色 */
        opacity: 0.6;
      }
      100% {
        color: #FF0000; /* 红色 */
        opacity: 1;
      }
    }
  </style>
</head>

<body>
  <h1>欢迎来到我的主页</h1>
  <p>这是一个秘密小网站主页。</p>
  <a href="/index.html">点击返回主页</a>
  <a href="https://www.bilibili.com/">点击前往你想去的地方1</a>
  <a href="https://www.doubao.com/">点击前往你想去的地方2</a>
  <a href="https://www.zhangweishihundan.com/">点击进入意想不到的地方！</a>
</body>

</html>